#carouselBanner{
  min-width: 1200px;
  position: relative;
  z-index:100;
  margin-top: -60px;
}
.hot-calendar-box{
  margin-top: 50px;
}
.hot-calendar-nav-box{
  width: 100%;
  height: 80px;
  align-items: center;
  position:relative;
}
.hot-calendar-title-box{
  width: 165px;
  height: 62px;
  background: url('/new20198/images/home/hot-calendar.png');
  margin:0 24px 0 -10px;
}
.hot-calendar{
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
} 
.hot-calendar-min-box{
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.hot-calendar-ul{
  /* width: 100%;
  height: 100%; */
  position: relative;
}
.hot-calendar-li{
  width: auto;
  max-width: 220px;
  height: 80px;
  box-shadow: 0px 3px 14px 0px rgba(241,241,241,0.3);
  border-radius: 6px;
  border: 1px solid rgba(223,223,223,0.31);
  padding: 10px 12px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-right: 16px;
  transition: all .1s ease;
}
.hot-calendar-li-l{
  width: 141px;
}
.hot-calendar-li-l .holiday {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.hot-calendar-li-l .holiday::before{
  content: '';
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #1DCC8C;
  margin-right: 6px;
}
.hot-calendar-li-l .time{
  margin-top: 4px;
  color: #9A9A9A;
  font-size: 14px;
  font-weight: 170;
}
.hot-calendar-li-r{
  width: 55px;
  height: 60px;
  background: #F7FFFC;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
.hot-calendar-li-r .hot-calendar-li-r-text{
  color: #9A9A9A;
  font-size: 14px;
  font-weight: 170;
}
.hot-calendar-item .hot-calendar-li-r .hot-calendar-li-r-time{
  font-size: 14px;
  color: #1DCC8C;
  font-weight: 170;
}
.hot-calendar-item .hot-calendar-li-r .hot-calendar-li-r-time span{
  font-weight: 500;
  color: #1DCC8C;
  font-size: 24px;
  font-weight: 400;
}
.hot-calendar-li:hover, .hot-calendar-li-active{
  border: 1px solid #F56883;
  background: #FFEDEB;
}
.hot-calendar-item:hover .hot-calendar-li-l .holiday::before, .hot-calendar-li-active .hot-calendar-li-l .holiday::before, .hot-calendar-item:nth-of-type(1) .hot-calendar-li-l .holiday::before{
  background: #F56883;
}
.hot-calendar-item:hover  .hot-calendar-li-r, .hot-calendar-li-active .hot-calendar-li-r{
  background: #FFFFFF!important;
}
.hot-calendar-li:hover .hot-calendar-li-r .hot-calendar-li-r-time, .hot-calendar-li:hover .hot-calendar-li-r .hot-calendar-li-r-time span, 
.hot-calendar-li-active .hot-calendar-li-r .hot-calendar-li-r-time, .hot-calendar-li-active .hot-calendar-li-r .hot-calendar-li-r-time span, 
.hot-calendar-item:nth-of-type(1) .hot-calendar-li-r .hot-calendar-li-r-time, .hot-calendar-item:nth-of-type(1) .hot-calendar-li-r .hot-calendar-li-r-time span{
  color: #F56883;
}
.hot-calendar-item:nth-of-type(1) .hot-calendar-li-r{
  background: #FFF8F9;
}


.calendar-btn>div{
  width: 30px;
  height: 30px;
  cursor: pointer;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.calendar-left-btn{
  background: url('/new20198/images/home/calendar-left-1.png');
  left: 164px;
  display: none;
}
.calendar-right-btn{
  background: url('/new20198/images/home/calendar-right-1.png');
  right: -15px;
}
.floor2{
  width: 100%;
  min-width: 1200px;
}
.floor2 .zuoTitWrapper {
  background: #fff;
  margin-bottom: 18px;
  /* position:relative; */
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav-tabs.zuopTit > li {
  margin-right: 22px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: none;
}
.zuoTitWrapper .zuopTit > li.active > a,
.zuoTitWrapper.nav-tabs > li.active > a:focus,
.zuoTitWrapper.nav-tabs > li.active > a:hover {
  color: #6c6c6c;
  border-bottom: 3px solid #6c6c6c !important;
  transition: all 0s;
}

.nav-tabs.zuopTit {
  border-bottom: none;
}

.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.zuoTitWrapper .nav > li > a:focus,
.nav > li > a:hover {
  background-color: #fff;
}

.zuoTitWrapper .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 0;
  /* border-radius: 4px 4px 0 0; */
}
.zuoTitWrapper .nav-tabs > li {
  float: left;
  margin-bottom: 0;
}

.zuoTitWrapper .nav > li > a {
  position: relative;
  display: block;
  /* 备注 */
  padding: 0;
}

.zuopTit a {
  display: inline-block;
  height: 50px;
  line-height: 41px !important;
  text-align: center;
  margin-right: 15px;
  font-size: 16px;
  color: #bebebe;
}

/* home/goods/detail-new */

.related-search-wrap .related-search .myWrapper {
  position: relative;
  height: 29px;
  margin: 15px 20px 0 0;
  display: inline-block;
  border-radius: 100px;
}

.related-search-wrap .related-search .myWrapper > a {
  float: left;
  padding: 4px 14px;
  margin: 0;
  font-size: 14px;
  color: #666666;
  border: 1px solid #dddddd;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  height: 29px;
}

.related-search-wrap .related-search .myWrapper > span {
  display: block;
  position: absolute;
  right: -8px;
  top: -10px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 15px;
  font-size: 15px;
  cursor: pointer;
  background: #f86a78;
  color: #fff;
}

.related-search-wrap .related-search .myWrapper > a:hover {
  color: #f86a78;
  border-color: #f86a78;
}

.related-search-wrap .related-search .myWrapper > span:hover {
  color: #f86a78;
  border-color: #f86a78;
  color: #fff;
}

.floor3_wrapper {
  margin: 0 auto;
  margin-top: 118px;
  position: relative;
}

.floor3_wrapper .banner-link {
  position: absolute;
  top: -35px;
  right: 15px;
  width: 303px;
  height: 35px;
  background: #f0d8c2;
  font-size: 15px;
  font-weight: 500;
  border-radius: 28px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
}

.nav-to-links > li > a {
  font-size: 14px;
}

.wings-wrapper {
  width: 32.33333333%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0 auto;
  padding: 0 47px;
  height: 60px;
}

.wings-wrapper .wing-left {
  width: 50px;
  height: 42px;
  background-image: url("/new20198/images/index/wing-left.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
}
.wings-wrapper .wing-right {
  width: 50px;
  height: 42px;
  background-image: url("/new20198/images/index/wing-right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
}
.floor3_t {
  font-size: 20px;
  line-height: 78px;
  color: #6b6b6b;
  text-align: center;
  background-size: 12px;
}

/* barrage style */
.part4 {
  /* background-color:#EDF1F2; */
  background: #fff;
  padding-top: 1px;
  position: relative;
}

.part4 #choose {
  position: relative;
}

.part4 .swiper-button-prev,
.part4 .swiper-button-next {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 6px 0px rgba(3, 9, 25, 0.15);
  border-radius: 50%;
  display: block;
  color: #202020;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  margin: 0px;
  top: 63%;
}

.part4 .swiper-button-next {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.part4 .company_user {
  display: block;
  margin: 30px auto;
}

.part4 .big_title {
  font-size: 30px;
  font-weight: bold;
  display: block;
  color: #444444;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
}

.part4 .big_title span {
  color: rgba(253, 118, 113, 1);
}

.part4 .user_info {
  width: 485px;
  height: 310px;
  background: rgba(255, 255, 255, 1);
  float: left;
  margin-right: 16px;
  margin-bottom: 100px;
  border-radius: 10px;
}

.part4 .user_info:last-child {
  margin-right: 0px;
}

.part4 .user_info .img_header {
  display: block;
  width: 56px;
  height: 56px;
  margin: 35px 14px 0 35px;
}

.part4 .user_info .job {
  font-size: 16px;
  color: #202020;
  font-weight: 400;
  margin-top: 40px;
  display: block;
}

.part4 .user_info .name {
  display: block;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400;
  color: rgba(131, 131, 131, 1);
}

.part4 .user_info .say {
  font-size: 14px;
  color: #838383;
  padding: 0px 35px;
  display: block;
  margin: 30px auto 0 auto;
  text-indent: 30px;
  line-height: 26px;
}

.part4 .user_info_group:after {
  content: "";
  display: block;
  clear: both;
}

.part4 .user_info_group {
  margin: 50px auto 0px auto;
  width: fit-content;
  width: -moz-fit-content;
}

/* 弹幕 container */

#barrage-container {
  /* width: 1427px; */
  width: 100%;
  height: 240px;
  background: #e5e5e6;
  border-radius: 10px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
  margin-bottom: 26px;
}

#barrage-container .barrage-row {
  height: 50px;
  margin-bottom: 23px;
  position: relative;
}
.foot-icon-barrage {
  position: relative;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 6px;
  width: 40px;
  height: 40px;
}
.barrage-title {
  font-size: 26px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 450;
  color: #000000;
  text-align: center;
  margin-bottom: 16px;
  /* margin-top:38px; */
  /* margin:0 auto; */
}
.barrage-bg {
  background: #fcfcfd;
  width: 100%;
  padding-top: 20px;
}
.barrage-row .barrage-item {
  width: auto;
  max-width: 320px;
  height: 52px;
  line-height: 52px;
  background: #fff;
  border-radius: 30px;
  /* padding: 15px 17px; */
  border: 1px solid rgba(0, 0, 0, 0.25);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 1200px;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 15px;
}

.barrage-row .barrage-item-detail {
  font-size: 14px;
  line-height: 52px;
  display: flex;
  vertical-align: middle;
  color: #333333;
  width: calc(100% - 80px);
  max-width: 490px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.send-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.send-inner {
  position: relative;
  top: 0;
  /* left: 25%; */

  margin-left: 80px;
}
.send-btn-wrapper {
  height: 29px;
  width: 58px;
  background: #c6c6c6;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 16px;
}

.input {
  width: 450px;
  height: 30px;
  line-height: 30px;
  /* background: #eaeaea; */
  border-radius: 18px;
  /* color: rgba(156, 154, 154, 0.6000000238418579); */
  outline: none;
  /* border: 0; */
  border: 1px solid #BFBFBF;
  padding-left: 22px;
}
.input::-webkit-input-placeholder{
  color:#C4C3C3
}
.send-btn {
  display: block;
  height: 29px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  background: #989393;
  border-radius: 23px;
  cursor: pointer;
  padding: 5px 15px;
  font-size: 12px;
}

.watch-wrapper {
  display: flex;
  width: 325px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
}

.watch-wrapper .total-watch {
  margin-right: 22px;
}

.text-wrapper {
  width: 42px;
  height: 30px;
  line-height: 30px;
    text-align: center;
}

.text-wrapper > input[type="checkbox"] {
  position: relative;
  width: 41px;
  height: 22px;
  -webkit-appearance: none;
  background: #E0E0E0;
  outline: none;
  border-radius: 20px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.text-wrapper > input:checked[type="checkbox"] {
  /* background: #5b94f0; */
}

.text-wrapper > input[type="checkbox"]::before {
  content: "弹";
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 20px;
  border-radius: 20px;
  position: absolute;
  top: 2px;
  left: 3px;
  background: #fff;
  transition: 0.5s;
  transform: scale(1.1);
  cursor: pointer;
  font-size: 11px;
}

.text-wrapper > :checked[type="checkbox"]::before {
  left: 21px;
}

.barrage-row .barrage-item-detail .first-span {
  display: inline-block;
  max-width: 80px;
  /* color: #adadad; */
  font-weight:450;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.barrage-row .barrage-item-detail .second-span {
  display: inline-block;
}

.barrage-item-hover .barrage-item-detail,
.barrage-item-hover-3 .barrage-item-detail {
  overflow: auto;
}

.barrage-row .barrage-item-hover,
.barrage-row .barrage-item-hover-3 {
  height: auto;
  z-index: 1;
}

.barrage-row .barrage-item-hover-3 {
  bottom: 0;
}

/* 首页每个图片导航 */

.home_nav_bar {
  display: flex;
  margin-bottom: 10px;
  font-weight: 400;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.home_nav_bar:nth-child(1) {
  font-size: 20px;
  margin-right: 10px;
}

.home_nav_bar_bg {
  width: 157px;
  height: 39px;
  background: url(/new20198/images/home/goods-title.png)no-repeat;
  background-position: 0 0;
  display: inline-block;
  position: relative;
  margin-left: -10px;
  margin-right: 20px;
}
.home_nav_bar_title{
  color: #333333;
  font-weight: 500;
  font-size: 28px;
  position: absolute;
  left: 45px;
  bottom: 0;
}
.nav_bar_max_box{
  height: 39px;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.nav_bar_box{
  margin-right: 13px;
}
.home_nav_bar .nav_bar_box:last-of-type{
  margin-right: 0;
}
.home_content .floor_item .hover-pop{
  height: 429px!important;
}
@media (min-width: 1600px) {
  .home_content .floor_item .hover-pop {
      height: 459px !important;
  }
}
.home_content .floor2:nth-child(2n+1) .nav_bar_text{
  background: #fff;
}
.home_content .floor2:nth-child(2n) .nav_bar_text{
  background: #FAFAFA;
}
.nav_bar_text {
  color: #9a9a9a;
  padding: 4px 14px;
  font-size: 14px;
  cursor: pointer;
  transition: none;
  border-radius: 30px;
}
.home_content .floor2 .nav_bar_box .current,.home_content .floor2 .nav_bar_text:hover{
  background: linear-gradient(to right, #FFF6F4 0%, #FFE7E3 100%);
  background-image: -webkit-linear-gradient(to right, #FFF6F4 0%, #FFE7E3 100%);
  background-image: -o-linear-gradient(to right, #FFF6F4 0%, #FFE7E3 100%);
  background-image: -moz-linear-gradient(to right, #FFF6F4 0%, #FFE7E3 100%);
  color: #333333;
  font-weight: 500;
}

.home_nav_line {
  position: absolute;
  top: 28px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 37px;
  height: 3px;
  background: transparent;
}
.floor2:nth-child(2) .home_nav_bar_bg{
  background-position: 0 -55px;
}
.floor2:nth-child(2) .nav_bar_box .current,.floor2:nth-child(2) .nav_bar_text:hover{
  background: linear-gradient(to right, #F1F6FF 0%, #D1DEFF 100%);
  background-image: -webkit-linear-gradient(to right, #F1F6FF 0%, #D1DEFF 100%);
  background-image: -o-linear-gradient(to right, #F1F6FF 0%, #D1DEFF 100%);
  background-image: -moz-linear-gradient(to right,#F1F6FF 0%, #D1DEFF 100%);
}

.floor2:nth-child(3) .home_nav_bar_bg{
  background-position: 0 -110px;
}
.floor2:nth-child(3) .nav_bar_box .current,.floor2:nth-child(3) .nav_bar_text:hover{
  background: linear-gradient(to right, #F6FFF2 0%, #E0FFD4 100%);
  background-image: -webkit-linear-gradient(to right,#F6FFF2 0%, #E0FFD4 100%);
  background-image: -o-linear-gradient(to right,#F6FFF2 0%, #E0FFD4 100%);
  background-image: -moz-linear-gradient(to right,#F6FFF2 0%, #E0FFD4 100%);
}
.floor2:nth-child(4) .home_nav_bar_bg{
  background-position: 0 -165px;
}
.floor2:nth-child(4) .nav_bar_box .current,.floor2:nth-child(4) .nav_bar_text:hover{
  background: linear-gradient(to right, #FCF3FF 0%, #F4D7FF 100%);
  background-image: -webkit-linear-gradient(to right,#FCF3FF 0%, #F4D7FF 100%);
  background-image: -o-linear-gradient(to right,#FCF3FF 0%, #F4D7FF 100%);
  background-image: -moz-linear-gradient(to right,#FCF3FF 0%, #F4D7FF 100%);
}
.floor2:nth-child(5) .home_nav_bar_bg{
  background-position: 0 -220px;
}
.floor2:nth-child(5) .nav_bar_box .current,.floor2:nth-child(5) .nav_bar_text:hover{
  background: linear-gradient(to right, #FFEFEF 0%, #FFD6D6 100%);
  background-image: -webkit-linear-gradient(to right,#FFEFEF 0%, #FFD6D6 100%);
  background-image: -o-linear-gradient(to right,#FFEFEF 0%, #FFD6D6 100%);
  background-image: -moz-linear-gradient(to right,#FFEFEF 0%, #FFD6D6 100%);
}
.floor2:nth-child(6) .home_nav_bar_bg{
  background-position: 0 -275px;
}
.floor2:nth-child(6) .nav_bar_box .current,.floor2:nth-child(6) .nav_bar_text:hover{
  background: linear-gradient(to right, #F6FFFD 0%, #D1FFF6 100%);
  background-image: -webkit-linear-gradient(to right,#F6FFFD 0%, #D1FFF6 100%);
  background-image: -o-linear-gradient(to right,#F6FFFD 0%, #D1FFF6 100%);
  background-image: -moz-linear-gradient(to right,#F6FFFD 0%, #D1FFF6 100%);
}

.floor2:nth-child(7) .home_nav_bar_bg{
  background-position: 0 -330px;
}
.floor2:nth-child(7) .nav_bar_box .current,.floor2:nth-child(7) .nav_bar_text:hover{
  background: linear-gradient(to right, #FAF8FF 0%, #E5D6FF 100%);
  background-image: -webkit-linear-gradient(to right,#FAF8FF 0%, #E5D6FF 100%);
  background-image: -o-linear-gradient(to right,#FAF8FF 0%, #E5D6FF 100%);
  background-image: -moz-linear-gradient(to right,#FAF8FF 0%, #E5D6FF 100%);
}
.floor2:nth-child(8) .home_nav_bar_bg{
  background-position: 0 -385px;
}
.floor2:nth-child(8) .nav_bar_box .current,.floor2:nth-child(8) .nav_bar_text:hover{
  background: linear-gradient(to right, #FFF5FD 0%, #FFDBF5 100%);
  background-image: -webkit-linear-gradient(to right,#FFF5FD 0%, #FFDBF5 100%);
  background-image: -o-linear-gradient(to right,#FFF5FD 0%, #FFDBF5 100%);
  background-image: -moz-linear-gradient(to right,#FFF5FD 0%, #FFDBF5 100%);
}
.home_left_nav {
  position: fixed;
  top: 15%;
  left: 7%;
  text-align: center;
  background: #fff;
  display: none;
  z-index: 3;
  border-radius: 8px;
  box-shadow: 0px 1px 20px 0px rgba(223,223,229,0.48);
}
.home_left_nav li:first-child{
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.home_left_nav li:last-child{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.home_left_nav li a {
  display: inline-block;
  color: #333;
  width: 100%;
  height: 100%;
  line-height: 36px;
  font-size: 12px;
  border-bottom: 1px solid #f2f2f2;
  box-sizing: border-box;
}
.home_left_nav li:last-of-type a{
  border-bottom: none;
}

.home_left_nav li {
  position: relative;
  width: 70px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
}

.home_left_nav .ons{
  background: linear-gradient(to left, #F56883 0%, #FB6F5B 100%);
  background-image: -webkit-linear-gradient(to left, #F56883 0%, #FB6F5B 100%);
  background-image: -o-linear-gradient(to left, #F56883 0%, #FB6F5B 100%);
  background-image: -moz-linear-gradient(to left, #F56883 0%, #FB6F5B 100%);
  color: #fff;
  margin-top: 0;
}
.home_left_nav .ons a{
  color: #fff;
  border: none;
}

.ons {
  background: #ea766b;
  color: #fff;
  margin-top: 10px;
}

/* 轮播图右上角 */

.corner_float {
  position: absolute;
  top: 0;
  right: 235px;
  width: 227px;
  height: 38px;
  color: #fff;
  background: url("/new20198/images/index/cornerFloat.png") no-repeat;
  background-size: 227px 38px;
  font-size: 14px;
  cursor: pointer;
}
.corner_float:hover {
  color: #fff;
}
.corner_float .flatLeft {
  position: absolute;
  top: 24%;
  left: 15%;
}
.corner_float .flatRight {
  position: absolute;
  top: 24%;
  right: 13%;
}
.share-wx-box{
  width:236px;
  height:236px;
  position:absolute;
  right:91px;
  margin-top:46px;
  border-radius: 10px;
  z-index:9;
  text-align: center;
  box-shadow: 0px 4px 10px 1px #ebebeb;
  /* background-color:pink; */
    background-color:#FFFFFF;


}
.share-wx-box img{
position: relative;float: right;right: 10px;top: 10px; cursor: pointer;
}
.share-wx-box-text{
  margin-top:15px;
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #464646;
}
/* 双11浮窗 */
.double_eleven {
  position: fixed;
  width: 1100px;
  height: 85px;
  bottom: 0;
  left: 50%;
  z-index: 22;
  margin-left: -550px;
  display: none;
}
.eleven_close {
  position: absolute;
  right: 55px;
  top: 6px;
  width: 24px;
  cursor: pointer;
  opacity: 0.6;
}

.Pattern {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 46px 0;
  height:auto;
  /* width: 1920px; */
  /* height: 300px; */
  background-color: #ffffff;
}

.pattern-primary-i0 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  /*margin-right: 80px;*/
  background-color: #fcfcfd;
  border-radius: 8px;
  padding: 0;
  width: 43.5%;

  box-shadow: 0px 1px 25px 1px rgba(222, 222, 229, 0.47999998927116394);
}
.pattern-primary-i0:hover .pattern-tag-wrapper{
 background-color: #f396a3;
/* border:2px solid #F7E4E7; */
}
.pattern-primary-i1:hover .pattern-tag-wrapper-1{
    background-color: #a97de9;
/* border:2px solid #F4ECFD; */
}
.pattern-wrapper-inner {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 38px;
  margin-top: 28px;
  margin-left: 7px;
}

.pattern-group {
  display: flex;
  position: absolute;
  left: 7px;
  align-items: flex-start;
  flex-direction: row;
}

.pattern-icon-package-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-right: 16px;
  width: 29px;
  height: 34px;
}

.pattern-icon-package {
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 34px;
}

.pattern-tag {
  position: relative;
  margin-top: 3px;
  margin-left: 7px;
  max-width: 21px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: nowrap;
  color: #ffffff;
  font-family: "PingFang SC";
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.pattern-info {
  margin-top: 28px;
  text-align: left;
  white-space: nowrap;
  margin-left: 45px;
  color: #ca2a4a;
  font-family: "PingFang SC";
  font-size: 24px;
  font-weight: 600;
}

.pattern-meta-wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: -1px;
  margin-left: 45px;
  font-weight: 500;
  white-space: nowrap;
}

.pattern-meta {
  text-align: left;
  color: #7d221b;
  font-family: "PingFang SC";
  font-size: 16px;
}

.pattern-summary-wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 6px;
  margin-left: 45px;
}

.pattern-summary {
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  // -webkit-line-clamp: 2;
  width: 260px;
  height: 40px;
  // overflow: hidden;
  text-align: left;
  // text-overflow: ellipsis;
  white-space: normal;
  color: #4c4846;
  font-family: "PingFang SC";
  font-size: 14px;
  font-weight: 400;
}

.pattern-tag-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 25px;
  margin-left: 45px;
  border-radius: 8px;
  background-color: #fbd7dc;
  width: 130px;
  height: 32px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
}
.pattern-tag-wrapper:hover {
  background-color: #f396a3;
}
.pattern-tag-1 {
  margin-top: -2px;
  max-width: 118px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  color: #8c140c;
  font-family: "PingFang SC";
  font-size: 16px;
  cursor: pointer;
}

.pattern-layer-wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 28px;
  width: 218px;
  height: 186px;
}

.pattern-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 218px;
  // height: 186px;
}

.pattern-picture {
  position: relative;
  margin-top: 60px;
  margin-left: 77px;
  width: 106px;
  height: 96px;
}

.pattern-primary-i1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #fcfcfd;
  border-radius: 8px;
  padding: 0;
  width: 43.5%;

  box-shadow: 0px 1px 25px 1px rgba(222, 222, 229, 0.47999998927116394);
}

.pattern-wrapper-inner-1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 28px;
  margin-right: 19px;
  margin-left: 52px;
  white-space: nowrap;
}

.pattern-subtitle {
  position: relative;
  max-width: 271px;
  height: 34px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  color: #603dc4;
  font-family: "PingFang SC";
  font-size: 24px;
  font-weight: 600;
}

.pattern-desc {
  position: relative;
  max-width: 271px;
  height: 22px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  color: #7c0f9b;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 500;
}

.pattern-summary-1 {
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  position: relative;
  margin-top: 6px;
  width: 271px;
  height: 40px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  color: #4c4846;
  font-family: "PingFang SC";
  font-size: 14px;
  font-weight: 400;
}

.pattern-tag-wrapper-1 {
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 24px;
  border-radius: 8px;
  background-color: #dfcdf8;
  padding-right: 33px;
  padding-left: 33px;
  height: 32px;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
}
.pattern-tag-wrapper-1:hover {
  background-color: #a97de9;
}

.pattern-tag-2 {
  text-align: left;
  color: #3d19a1;
  font-family: "PingFang SC";
  font-size: 16px;
}

.pattern-background-wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 28px;
  width: 218px;
  height: 186px;
}

.pattern-background {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 218px;
  // height: 186px;
}

.pattern-image {
  position: relative;
  margin-top: 59px;
  margin-left: 75px;
  width: 106px;
  height: 97px;
}
/* 精品素材 */
.high-quality-layer-mod {
  width: auto;
  min-width: 1200px;
  max-width: 1920px;
  height: 250px;
  margin: 46px auto;
}
.high-quality-layer-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: #ffffff;
  /* width: 1920px; */
  height: 250px;
}

.high-quality-goods-bg {
  position: absolute;
  top: 0;
  align-self: center;
  max-width: 100%;
  /* height: auto; */
  /* width: 1920px; */
  height: 250px;
}

.high-quality-title {
  position: relative;
  margin-top: 68px;
  max-width: 1908px;
  height: 56px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: pre;
  color: #515050;
  font-family: "PingFang SC";
  font-size: 40px;
  font-weight: 600;
}

.high-quality-caption {
  position: relative;
  margin-top: 12px;
  max-width: 1908px;
  height: 56px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #515050;
  font-family: "PingFang SC";
  font-size: 40px;
  font-weight: 400;
}
.foot-icon-barrage {
  position: relative;
  border-radius: 50%;
  margin-right: 5px;
  width: 40px;
  height: 40px;
}
// 底部图标 原创精品
.foot-icon-mod {
  /* width: 1920px; */
  height: 178px;
}

.foot-icon-wrapper-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  /* width: 1920px; */
  /* height: 178px; */
  background-color: #ffffff;
}

.foot-icon-shop-logo {
  /* margin-top: 50px; */
     margin-right: 115px;
    width: 145px;
    margin-top: 3px;
    height: 64px;
}

.foot-icon-primary-i0 {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 20%;
  /* margin-top: 53px; */
  /* margin-right: 68px; */
}

.foot-icon-icon-star {
  position: relative;
  width: 40px;
  height: 40px;
}

.foot-icon-tag {
  position: relative;
  margin-top: 10px;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 400;
}

.foot-icon-primary-i1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* margin-top: 53px; */
  margin-right: 80px;
}

.foot-icon-icon-image {
  position: relative;
  width: 40px;
  height: 40px;
}

.foot-icon-label {
  position: relative;
  margin-top: 10px;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 400;
}

.foot-icon-primary-i2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* margin-top: 53px; */
  margin-right: 80px;
}

.foot-icon-icon-time {
  position: relative;
  width: 40px;
  height: 40px;
}

.foot-icon-word {
  position: relative;
  margin-top: 10px;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 400;
}

.foot-icon-primary-i3 {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* margin-top: 53px; */
  margin-right: 80px;
}

.foot-icon-icon-download {
  position: relative;
  width: 40px;
  height: 40px;
}

.foot-icon-download {
  position: relative;
  margin-top: 10px;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 400;
}

.foot-icon-primary-i4 {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* margin-top: 53px; */
  margin-right: 115px;
}

.foot-icon-icon-heart {
  position: relative;
  width: 40px;
  height: 40px;
}

.foot-icon-tag-1 {
  position: relative;
  margin-top: 10px;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 400;
}

.foot-icon-group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  /* margin-top: 52px; */
  margin-right: 26px;
}

.foot-icon-label-1 {
  position: relative;
  max-width: 110px;
  height: 22px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 500;
}

.foot-icon-view {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 19px;
  width: 110px;
  height: 28px;
}

.foot-icon-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 28px;
}

.foot-icon-word-1 {
  position: relative;
  margin-left: 39px;
  max-width: 80px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  line-height: 14px;
  white-space: nowrap;
  color: #ffffff;
  font-family: "PingFang SC";
  font-size: 14px;
  font-weight: 400;
}

.foot-icon-group-1 {
  /* display: flex; */
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 45px;
  margin-left: 15px;
}

.foot-icon-empty {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 67px;
  height: 2px;
}

.foot-icon-tag-2 {
  position: relative;
  text-align: left;
  white-space: pre;
  color: #f86681;
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 400;
  margin-left: 26px;
}
.foot-icon-tag-2:hover{
  text-decoration: underline;
}
.foot-icon-primary {
  display: flex;
  justify-content: center;
  /*margin: 0px 12px;*/
}
/*.linksTab-tabs {*/
  /*padding: 0 15px;*/
/*}*/
//用户头像区域
.user-img-box1 {
  width: 100%;
  height: 320px;


  /* background: red;
overflow: hidden; */
  box-shadow: 0px 1px 25px 1px rgba(223, 223, 229, 0.47999998927116394);
}
.user-img-bg{
  /* background-color:red; */
  box-shadow: 0px 1px 25px 1px rgba(223, 223, 229, 0.47999998927116394);
  overflow: hidden;
   padding: 22px 0;
}
.user-img-box-one {
  margin-bottom: 10px;
  /* overflow: hidden; */
   display:flex;
   flex-wrap: no-wrap;


}
.user-img-box-imgae {
  width: 100px;
  height: 100px;
    border-radius: 8px 8px 8px 8px;
  margin-right: 10px;
  transform: translateX(0px);
  animation: scrollTo linear 30s infinite;
}
@keyframes scrollTo {
  /* 0%    { left: 100%; }
  100%  { left: -200%; } */
    from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-920px);
            }
  /* to {
    transform: translateX(-1920px);
  } */
}
@media (min-width: 1441px) and (max-width: 1680px) {
  .home_left_nav {
    top: 15%;
    left: 4%;
  }
}
@media (min-width: 1331px) and (max-width: 1440px) {
  .home_left_nav {
    top: 15%;
    left: 0%;
  }
}

/* @media (min-width: 1200px) and (max-width: 1330px){
.home_left_nav{display: none!important;}
} */

/* @media (max-width: 1380px) {
  .home_left_nav{display: none!important;}
  .pb-aside-right{display:none}{display: none!important;}
} */

@media (min-width: 976px) and (max-width: 1199px) {
  /* .home_left_nav{top: 15%; left: 0%;} */
  .carousel-inner .corner_float {
    right: 23px;
  }
}
@media (min-width: 992px) and (max-width: 1090px) {
  .home_left_nav {
    display: none !important;
  }
}

@media (min-width: 739px) and (max-width: 976px) {
  .home_left_nav {
    top: 15%;
    left: 0%;
  }
  .carousel-inner .corner_float {
    right: 23px;
  }
}
@media (min-width: 658px) and (max-width: 880px) {
  .home_left_nav {
    display: none !important;
  }
  .carousel-inner .corner_float {
    right: 23px;
  }
}

@media (min-width: 678px) and (max-width: 739) {
  .home_left_nav {
    top: 15%;
    left: 0%;
  }
  .double_eleven {
    display: none !important;
  }
}

@media (min-width: 478px) and (max-width: 658px) {
  .home_left_nav {
    display: none !important;
  }
  .user-img-box1{
     display: none;
  }
  .corner_float {
    right: 28px;
    width: 80px;
    height: 18px;
    background-size: 80px 18px;
    font-size: 5px;
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 478px) {
  .home_left_nav {
    display: none !important;
  }
  .carousel-inner .corner_float {
    display: none;
  }
  .double_eleven {
    display: none !important;
  }
  .LogTyLi .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .LogTyLi .icon i {
    font-size: 27px;
  }
  .loginForm .last_login {
    right: -31px;
  }
  .hq_yzm {
    font-size: 12px;
    right: -14px;
  }
  .loginAdl input.input_yzm {
    padding-right: 49px;
  }
  .relative_serach {
    display: none;
  }

  .pattern-layer-wrapper {
    display: none;
  }
  .pattern-background-wrapper {
    display: none;
  }
  .user-img-box1{
     display: none;
  }
  .high-quality-caption{
    font-size:30px;
  }
  .foot-icon-box{
    padding-left: 0;
  }
.foot-icon-shop-logo{
display: none;
}
.foot-icon-label-1{
color:#fff
}
.pattern-primary-i0{
width:100%;
margin-bottom:10px;
}
.pattern-primary-i1{
width:100%;
}
.Pattern{
height:400px;
}
}


@media only screen and (max-width: 725px) {
  .pattern-primary-i0, .pattern-primary-i1{
    width:100%;
  }
  .pattern-primary-i1{
    margin-top: 10px;
  }

}


.carousel .searchBox{
  width: 800px;
  height: auto;
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
}
.carousel .searchMain .searB {
  width: 800px;
  height: 48px;
}
.carousel .twitter-typeahead{
  width: 720px;
}
.carousel .searchMain .searchInput {
  width:720px;
  background: rgba(255,255,255,0.8);
  border: 2px solid transparent;
  border-radius: 10px 0 0 10px;
  font-size: 16px;
  text-indent: 30px;
  /* 兼容safari */
  line-height: 14px!important; 
  box-sizing: border-box!important;
}
.searchNewInput{
  border: 2px solid #f66a73!important;
  border-radius: 10px 0 0 10px!important;
  box-sizing: border-box!important;
}
.searchRecommend{
  border-bottom: none!important;
  padding-bottom:2px!important;
  border-radius: 10px 0 0 0!important;
}
.carousel .hotSearch {
  width: 730px;
  text-indent: 0;
  padding-left: 30px;
}
.carousel .hotSearch h2{
  padding: 0 6px;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  background: rgba(255,255,255,0.58);
  border-radius: 2px;
  font-size: 14px;
  cursor: pointer;
  margin-right: 10px;
}
.carousel .hotSearch h2 a{
  color: #6F6D6D;
}
.carousel .hotSearch h2:hover a{
  color: #f86a78;
}
.safari-only{
  width: 716px!important;
}
.safari-only  a{
  display: inline!important;
  padding: 3px 6px!important;
}

.carousel .searchBtn{
  width: 80px;
}
.carousel .search-tips-bannner{
  width: 720px;
  left: 0;
}
.homePicItemBox{
  width: 100%;
  height: auto;
  margin: 30px 0 50px;
  display: none;
}
.homePicItemBoxShow{
  display: flex;
  flex-direction: row;
}
.homePicItemBox .PicItem:first-of-type{
  margin-left: 0;
}
.homePicItemBox .PicItem:last-of-type{
  margin-right: 0;
}
.homePicItemBox .PicItemRecommend{
  width: 243px;
  height: 350px;
  border-radius: 10px;
  margin: 0 8px;
  position: relative;
  transition: all .3s ease-in-out;
  background: transparent;
  cursor: pointer;
}
.homePicItemBox .PicItemRecommend:hover .pic-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.homePicItemBox .shadow-box{
  content: "";
  display: inline-block;
  width: 100%;
  height: 325px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px #ECF0F6;
  border-radius: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.homePicItemBox .PicItemRecommend .mask1{
  width: 100%;
  height: 247px;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 2;
  overflow: hidden;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.homePicItemBox .PicItemRecommend .mask1 .cover{
  display: inline-block;
  width: 890px;
  height: 100%;
  overflow: hidden;
  backdrop-filter: blur(20px);
  filter: blur(20px);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  width: 890px;
  height: 100%;
  background-position: top;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transform: translateZ(0) translateX(-50%);
}
.homePicItemBox .PicItemRecommend .mask1:after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg,hsla(0,0%,100%,.75),#fff);
}
.homePicItemBox .PicItemRecommend .mask2{
  width: 215px;
  height: 259px;
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  z-index: 3;
  border-radius: 10px;
  overflow: hidden;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.homePicItemBox .PicItemRecommend .mask2:after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: hsla(0,0%,100%,.6);
}
.homePicItemBox .mask2 .cover{
  display: inline-block;
  overflow: hidden;
  backdrop-filter: blur(100px);
  filter: blur(20px);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  width: 890px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transform: translateZ(0) translateX(-50%);
}
.homePicItemBox .pic-cover{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 5;
  width: 192px;
  height: 296px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.homePicItemBox .pic-img-wrap{
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.homePicItemBox .pic-img-wrap .pic-img{
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out;
  transform: translateZ(0);
  object-fit: cover;
}
.homePicItemBox .topic-info{
  width: 100%;
  height: 54px;
  padding: 0 14px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  justify-content: space-between;
  align-items: center;
}
.homePicItemBox .topic-title{
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  transition: all .2s;
}
.homePicItemBox .topic-about{
  font-size: 14px;
  color: #9A9A9A;
  margin-top: 4px;
}